<template>
  <div class="tab7">
    <div class="container">
      <el-row>
        <el-col :span="12">
          <Aside :asideList="Tab7list" title="招生就业"></Aside>
        </el-col>
        <el-col :span="12">
          <Card title="招生就业" :card2="cardList"></Card>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      Tab7list: [
        {
          id: 0,
          label: '招生信息'
        },
        {
          id: 1,
          label: '就业信息'
        },
        {
          id: 2,
          label: '创新创业'
        },
        {
          id: 3,
          label: '校友风采'
        }
      ],
      cardList: [
        {
          id: 0,
          title: '招生信息',
          subclass: [
            {
              label: '2021年招生信息',
              date: '2022-2-15'
            }
          ]
        },
        {
          id: 1,
          title: '就业信息',
          subclass: [
            {
              label: '2021年毕业生信息',
              date: '2022-2-15'
            }
          ]
        },
        {
          id: 2,
          title: '创新创业',
          subclass: [
            {
              label: '创新创业',
              date: '2022-2-15'
            }
          ]
        },
        {
          id: 2,
          title: '校友风采',
          subclass: [
            {
              label: '工商企业管理专业优秀毕业生——黄俊凯',
              date: '2022-2-15'
            },
            {
              label: '电子商务专业优秀毕业生——毛仲湖',
              date: '2022-2-15'
            },
            {
              label: '工商企业管理优秀毕业生——何燕恒',
              date: '2022-2-15'
            },
            {
              label: '市场营销专业优秀毕业生——覃玉团',
              date: '2022-2-15'
            }
          ]
        }
      ]
    }
  }
}
</script>

<style lang="less" scoped>
.container {
  width: 1200px;
  margin: 0 auto;
}
</style>
